<template>
    <div class="c-charts" >
        <IEcharts :option="scat"  ></IEcharts>
    </div>

</template>

<script>
import IEcharts from "vue-echarts-v3";
export default {
  components: {
    IEcharts
  },
  data: () => ({
    scat: {
      xAxis: {},
      yAxis: {},
      series: [
        {
          symbolSize: 20,
          data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24],
            [4.0, 4.26],
            [12.0, 10.84],
            [7.0, 4.82],
            [5.0, 5.68]
          ],
          type: "scatter"
        }
      ]
    }
  }),
  methods: {}
};
</script>

<style scoped>
.el-col {
  margin-bottom: 16px;
}
.material-icons {
  font-size: 80px;
  color: #ddd;
}

.cart-string {
  height: 100px;
  padding-top: 10px;
  font-size: 1.1rem;
}
.c-charts {
  height: 400px;
  width: 100%;
}
</style>